<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>个人中心</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro-red/easyui.css">
<style type="text/css">
/* 
	.title-daohang{
		background-color: #ECECFF;
		height: 50px;
	}
	.title-left{
		float: left;
	    width: 250px;
	    height: 30px;
	    margin: 15px 0 0 16px;
	    font-size: 16px;
	}
	.title-right{
		float: right;
	    width: 250px;
	    height: 30px;
	    margin: 15px 0 0 16px;
	    font-size: 16px;
	}
	 */
	a{
		text-decoration:none;
	}
	ul li{
		list-style: none;
	}
	.body-zhonjian{
		background-color: #ECECFF;
		margin:30px 20px 0px 20px;
		height: 240px;
	}
	.body-touxiang{
		border:1px solid gray;
		float: left;
	    width: 250px;
	    height:240px;
	}
	.body-grzxxinxi{
		width: 850px;
	    padding-left: 75px;
	    height: 240px;
	    float: left;
	    padding-top: 40px;
	}
	.body-xxleft{
		width: 85px;
	    float: left;
	    text-align: left;
	    color: #666;
	    font-weight: 900;
	}
	.body-xxright{
	    float: right;
	    text-align: left;
	    color: #666;
	    font-weight: 900;
	    margin-right: 30px;
	}
	/* 修改登录密码 */
	.xiugai{
		margin:30px 20px 10px 20px;
	}
	.left-xiugaibutton{
		width:530px;
		height:40px;
		background-color: white;
		border:1px solid gray;
		color: #666;
	    font-weight: 900;
	}
	.right-xiugaibutton{
		width:530px;
		height:40px;
		background-color: white;
		border:1px solid gray;
		color: #666;
		float:right;
	    font-weight: 900;
	}
	.boom-xiugaibutton{
		margin:30px 20px 10px 125px;
		height:70px;
		width:1080px;
		background-color: white;
		border:1px solid gray;
		color: #666;
	    font-weight: 900;
	}
</style>
</head>
<body>
	<!-- 中间的信息 -->
	<div class="body-zhonjian">
		<div class="body-touxiang">
			 头像
		</div>
		<div class="body-grzxxinxi">
			<!-- 里面的信息左边的的 -->
			<div class="body-xxleft">
				<ul>
					<li>名称:</li>
					<li>工号:</li>
					<li>电话:</li>
					<li>职位:</li>
					<li>职级:</li>
					<li>入职日期:</li>
				</ul>
			</div>
			<div class="body-xxright">
				<ul>
					<li>电话号码:</li>
					<li>所属部门:</li>
					<li>工作邮箱:</li>
					<li>工作地点:</li>
					<li>是否部门领导:</li>
				</ul>
			</div>
			
		</div><!-- 右边的显示信息结尾 -->
	</div><!-- 中间的信息结尾 -->
	<!-- 修改登录密码 -->
	<div class="xiugai">
		<input type="button" class="left-xiugaibutton" value="修改登录密码"/>
		<input type="button" class="right-xiugaibutton" value="修改查询密码"/>
	</div>
		<input type="button" class="boom-xiugaibutton" value="退出登录"/>
</body>
</html>